<div class="content">

    <div class="panel panel-primary password">
        <div class="panel-heading">修改密码</div>
        <div class="panel-body mask-top">
            <div [innerHTML]="part_mask" *ngIf="isAjax"></div>
            <form class="form-horizontal" (ngSubmit)="submit()" #form="ngForm" (input)="validator()" (change)="validator()">
                <div class="form-group">
                    <label class="col-sm-3 control-label">原密码</label>
                    <div class="col-sm-9">
                        <input type="password" class="form-control"
                               [(ngModel)]="resetPassword.sourcePassword"
                               minlength="6" maxlength="20"
                               name="passWord" placeholder="请输入密码"
                               pattern="^[\x21-\x7e]*$" ngModel required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">新密码</label>
                    <div class="col-sm-9">
                        <input type="password" class="form-control"
                               [(ngModel)]="resetPassword.newPassword"
                               minlength="6" maxlength="20"
                               name="passWord2" placeholder="请输入验证密码"
                               pattern="^[\x21-\x7e]*$" ngModel required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">验证密码</label>
                    <div class="col-sm-9">
                        <input type="password" class="form-control"
                               [(ngModel)]="resetPassword.newInvalidPassword"
                               minlength="6" maxlength="20"
                               name="passWord2" placeholder="请输入验证密码"
                               [pattern]="resetPassword.newPassword" ngModel required>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-9">
                        <span class="error-color"  [hidden]="form.form.untouched" [innerHtml]="getMessage"></span><br />
                        <button type="submit" class="btn btn-primary" [disabled]=" isAjax || !form.form.valid">提交</button>
                    </div>
                </div>


            </form>

        </div>
    </div>

</div>

<!--
<ng-template #part_mask>
    <div  class="part-mask">
        <div>
            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">
            </div>
        </div>
    </div>
</ng-template>-->
